.page-dianwu-pending-checkout {
  // padding-top: 170px;
  .pending-checkout-list {
    padding: 20px;
    .pending-checkout-item {
      background-color: #fff;
      &:not(:last-child) {
        margin-bottom: 24px;
      }
    }
  }
  .checkoutitem-hd {
    padding: 20px 30px;
    border-bottom: 1PX solid #efefef;
    .account {
      font-size: 24px;
      color: #666f83;
    }
    .account-value {
      font-weight: 600;
      color: #111a34;
    }
    .create-time {
      font-size: 24px;
      color: #858b9c;
    }
  }
  .user-info {
    display: flex;
    padding: 20px 30px;
    /* prettier-ignore */
    border-bottom: 1PX solid #efefef;

    .user-wrap {
      margin-left: 16px;
    }
    .name {
      font-size: 24px;
      font-weight: 400;
      color: #111a34;
      margin-right: 24px;
    }
    .mobile {
      font-size: 24px;
      font-weight: 400;
      color: #666f83;
    }
    .vip {
      font-size: 24px;
      font-weight: 400;
      color: #666f83;
    }
  }

  .checkoutitem-ft {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
    border-top: 1PX solid #efefef;
    .btn-showdetial {
      font-size: 24px;
      font-weight: 400;
      color: #4980ff;
      .icon-qianwang-01 {
        font-size: 28px;
        display: inline-block;
        transform: rotate(90deg);
      }
      &.expended {
        .icon-qianwang-01 {
          transform: rotate(270deg);
        }
      }
    }
    .btn-actions {
      display: flex;
    }
    .active-checkout {
      background-color: var(--color-dianwu-primary);
      color: #fff;
      margin-left: 20px;
    }
  }

  .shousuo-detail {
    padding: 20px 30px;
    .goods-list {
      display: flex;
      align-items: center;
      justify-content: space-between;
      white-space: nowrap;

      .goods-image-wrap {
        padding: 20px 0;
        width: 540px;
      }
      .sp-image {
        display: inline-block;
        margin-right: 20px;
      }
      .total-num {
        font-size: 24px;
        color: #858b9c;
      }
    }
    .gift-list {
      display: flex;
      .gift-tag {
        width: 110px;
        height: 40px;
        background: #ff5257;
        border-radius: 4px;
        color: #fff;
        text-align: center;
        margin-right: 10px;
      }

      .gift-name {
        @include text-overflow();
        max-width: 400px;
      }
      .gift-more {
        font-size: 24px;
        font-weight: 400;
        color: #858b9c;
        flex: 1;
        text-align: right;
      }
    }
  }

  .expend-detail {
    padding: 20px 0;
    .goods-list {
      .g-item {
        display: flex;
        &:not(:last-child) {
          margin-bottom: 20px;
        }
        .g-item-hd {
          margin-right: 16px;
        }
        .g-item-bd {
          flex: 1;
        }
        .sku-num {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
        }
        .sku {
          background: #efefef;
          padding: 4px 20px;
          font-size: 24px;
          color: #666;
          border-radius: 6px;
          margin-top: 10px;
        }
      }
    }
    .gift-list {
      margin-top: 30px;
      .comp-gift {
        &:not(:last-child) {
          margin-bottom: 20px;
        }
      }
    }
  }
}
